<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="renderer" content="webkit" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<title>建筑装修装饰工程公司网站html模板关于我们页 - 模板之家 www.5imoban.net</title>
<link rel="stylesheet" type="text/css" th:href="@{/front/css/style.css}"/>
</head>
<body>
<div class="top clearfix">
	<a href="http://www.cssmoban.com/" target="_blank" class="logo fl"><img th:src="@{front/img/logo.png}"/></a>
	<ul class="navbar clearfix fl">
		<li><a th:href="@{/}">网站首页</a></li>
		<li><a th:href="@{/about}" class="navbarbottom">关于我们</a></li>
		<li><a th:href="@{service}">服务项目</a></li>
		<li><a th:href="@{case}">案例展示</a></li>
		<li><a th:href="@{news}">新闻中心</a></li>

		<li><a th:href="@{job}">人才发展</a></li>
		<li><a th:href="@{contact}">联系我们</a></li>
		<div class="scroll-nav"></div>
	</ul>
	<p class="p1 fr"><img th:src="@{front/img/tel.png}"/><span>咨询热线:</span> <b>0551-12345678</b></p>
	<span class="searchbtn fr"><img th:src="@{front/img/zoom.png}"/></span>
</div>
<div class="sousuo ">
	<div class="clearfix">
		<input type="text" value="" class="input1"  placeholder="请输入您要搜要的内容"   onfocus="this.placeholder='' " onblur="this.placeholder='请输入您要搜要的内容'"/>
		<input type="submit" name="" id="" value="搜索" class="sub" />
	</div>			
</div>		
<div class="neibanner">
	<img th:src="@{front/img/banner.jpg}"/>
</div>
<div class="aboutpage">
	<div class="about-sec1">
		<div class="w1240 clearfix">
			<div class="fl left">
				<div class="tit">
					<b>	</b>
					<span>ABOUT US</span>
					<h2>公司简介</h2>
				</div>
				<p th:utext="${wAbout.content}">
					xxxxxx建设工程有限公司成立于二零一二年，目前为安徽风景园林协会理事单位。是集园林产业、市政产业等多方发展的综合性企业。目前公司由具有二级建造师12名、工程 师25名、高级工程师5名、管理经营人才5名、50 余名初中级工程专业技术人员组成的园林专业团队为亭台楼榭、花光水影、小园香径倾尽智慧。
					xxxxxx建设工程有限公司成立于二零一二年，目前为安徽风景园林协会理事单位。是集园林产业、市政产业等多方发展的综合性企业。目前公司由具有二级建造师12名、工程 师25名、高级工程师5名、管理经营人才5名、50 余名初中级工程专业技术人员组成的园林专业团队为亭台楼榭、花光水影、小园香径倾尽智慧。
				</p>
			</div>
			<div class="fr right">
				<img th:src="${wAbout.img}"/>
			</div>
		</div>
	</div>
	<div class="about-sec2">
		<div class="w1240">
			<div class="about-tit">
				<h3>BRAND CULTURE</h3>
				<h2>品牌文化</h2>					
			</div>
			<ul class="clearfix">
				<li th:each="brand:${wBrands}">
					<a href="">
						<figure><img th:src="${brand.img}"/></figure>
						<figcaption>
							<p class="p1" th:text="${brand.title}">品牌理念</p>
							<p class="p2" th:text="${brand.englishTitle}"> Brand Idea </p>
							<b></b>
							<p class="p3" th:text="${brand.intro}">好看、好用、耐用而又性价比高</p>
						</figcaption>
					</a>
				</li>

			</ul>
		</div>				
	
	</div>
	<div class="about-sec3">
			<div class="ab1" id="ab4" style="background:#fff;">
				<div class="w1240 abobox">
					<div class="about-tit">
						<h3> development history </h3>
						<h2>发展历程</h2>					
					</div>
					<div class="freeTx">					
						<div class="devalp">
							<ul class="coure">
								<li style="display:;" th:each="wDevelop,status:${wDevelops}">
									<div class="nub fl" th:if="${status.odd}">
										<p></p>
									</div>
									<div class="nub fl" th:if="${status.even}">
										<div class="tie"><span th:text="${wDevelop.year}">2019</span><br><i><span th:text="${wDevelop.month}"></span></i></div>
										<div class="cont">
											<p th:text="${wDevelop.title}">2018年12月“拓晟”火锅串串正式向全国招商加盟</p>
										</div>
									</div>
									<b></b>
									<div class="part fr" th:if="${status.odd}">
										<div class="tie"><span th:text="${wDevelop.year}">2019</span><br><i><span th:text="${wDevelop.month}"></span></i></div>
										<div class="cont">
											<p th:text="${wDevelop.title}">2019年4月“安徽拓晟建筑有限公司”成为中国烹饪协会会员单位</p>
										</div>
									</div>
									<div class="part fr" th:if="${status.even}">
										<p></p>
									</div>
								</li>

							</ul>
							<span class="coure_more" onclick="HistoryBind(this);">加载更多</span>
						</div>

					
					</div>
				</div>
			</div>
			
	</div>
	<div class="about-sec5">
			<div class="about-tit">
				<h3> Enterprise Honor </h3>
				<h2>企业荣誉</h2>					
			</div>
			
		<div class="w1240">
			<ul class="clearfix">
				<li th:each="honor:${honorList}">
					<a th:href="@{honorcharm/detail(hcId=${honor.id})}">
						<figure><img th:src="${honor.img}"/></figure>
						<p th:text="${honor.title}">办公环境</p>
					</a>
				</li>
			</ul>
		</div>
	</div>

	<div class="about-sec4">
		<div class="w1240">
			<div class="about-tit">
				<h3> Corporate Style </h3>
				<h2>企业风采</h2>					
			</div>
			<div class="cont">
				<div class="bd">
				<ul class="picList">
					<li th:each="charm:${charmList}">
						<a th:href="@{honorcharm/detail(hcId=${charm.id})}">
							<figure><img th:src="${charm.img}"/></figure>
							<p th:text="${charm.title}">荣誉资质</p>
						</a>
					</li>

				</ul>
			</div>
			<div class="hd">
				<span class="prev"><</span>
				<span class="next">></span>
			</div>
			</div>
			
		</div>
	</div>
</div>

<div class="footer">
	<div class="w1240">
		<div class="div1 clearfix">
			<a href="" class="logo fl"><img th:src="@{front/img/logobai.png}"/></a>
			<ul class="clearfix fr">
				<li><a th:href="@{/}">网站首页</a></li>
				<li><a th:href="@{about}">关于我们</a></li>
				<li><a th:href="@{service}">服务项目</a></li>
				<li><a th:href="@{case}">案例展示</a></li>
				<li><a th:href="@{news}">新闻中心</a></li>

				<li><a th:href="@{job}">人才发展</a></li>
				<li><a th:href="@{contact}">联系我们</a></li>
			</ul>
		</div>
		<div class="div2 clearfix">
			<div class="left fl">
				<p class="p1">
					公司地址：XX市XXX区XXXX街道XXX小区<br />
					Copyright©2019 xxxxxx建设工程有限公司 版权所有<br />
					备案号：皖ICP备xxxxxxxx号-1      技术支持：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a> 
				</p>
				<a href=""><img th:src="@{front/img/qqq.png}"/></a>
				<a href="javascript:void(0)"><img th:src="@{front/img/weixin.png}"/></a>
				<a href=""><img th:src="@{front/img/weibo.png}"/></a>
			</div>
			<div class="right fr">
				<p class="p3">免费咨询方式</p>
				<p class="p4">0551-12345678</p>
			</div>					
		</div>
		<div class="div3">
			<span>友情链接：   </span>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
		</div>
	</div>
</div>		





<script src="http://www.5imoban.net/download/jquery/jquery-3.3.1.min.js"></script>
<script src="http://www.5imoban.net/download/SuperSlide/SuperSlide.2.1.3.js"></script>
<script th:src="@{/front/js/plugin.js}"></script>
<script th:src="@{/front/js/banner.js}"></script>
<script th:src="@{/front/js/index.js}"></script>
<script th:src="@{/front/js/more.js}"></script>
<script>
	function HistoryBind(e) {
		$('.coure>li').map(function() {
			$(this).show();
		});
		$(e).hide();
	}
</script>
</body>
</html>
